<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>当地人</title>
<script src="src/html5shiv.min.js"></script>
<link rel="stylesheet" href="src/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="src/datepicker/css/bootstrap-datetimepicker.min.css">
<link rel="stylesheet" href="src/common.css">
<link rel="stylesheet" href="src/main-new.css">
<link rel="stylesheet" href="src/main.css">
<script type="text/javascript">
function mobile_device_detect(url){
  var thisOS = navigator.platform;
  var os = new Array("iPhone", "iPod", "iPad", "android", "Nokia", "SymbianOS", "Symbian", "Windows Phone", "Phone", "Linux armv71", "MAUI", "UNTRUSTED/1.0", "Windows CE", "BlackBerry", "IEMobile");
  for (var i = 0; i < os.length; i++) {
    if (thisOS.match(os[i])){   
         window.location = url;
    }
  }
  if(navigator.platform.indexOf('iPad') != -1) {
      window.location = url;
  }
  var check = navigator.appVersion;
  if( check.match(/linux/i) || check.match(/mobile/i) || check.match(/X11/i)) {
      window.location = url;
  }
  Array.prototype.in_array = function(e) {
    for(i = 0;i < this.length; i++){
      if(this[i] == e)
        return true;
      }
      return false;
    }
  } 
  mobile_device_detect("http://www.dangdiren.red/");
</script>
</head>

<body>
    <div id="header" class="simple-header">
        <div class="common-header">
            <div class="logo pull-left">
                <h2 class="logo-title">
                    <a class="link-btn" href="#">当地人</a>
                </h2>
            </div>
            <div class="pull-right link-block">
                <a class="link-btn" href="#">认证当地人</a>
            </div>
            <div class="pull-right link-block">
                <a class="link-btn" href="#">登录</a>
            </div>
            <div class="pull-right link-block">
                <a class="link-btn" href="#">注册</a>
            </div>
        </div>
        <header class="show-sm" title="for mobile"></header>
    </div>

    <main class="main">
        <div class="hero">
            <div class="hero-background">
                <div class="hero-slideshow">
                    <ul class="list-unstyled">
                        <li class=""><img src="img/banner.jpg" height="720" width="1280" alt=""></li>
                    </ul>
                </div>
            </div>
            <div class="hero-content text-center">
                <div class="container va-container">
                    <div class="va-middle">
                        <h2 class="text-branding text-primary text-contrast col-md-12">
                            欢迎您！
                        </h2>
                        <div class="h4 text-contrast space-4">向超过190个国家的当地人申请独一无二的帮助服务。</div>
                        <div class="show-sm sm-search">
                            <div class="input-addon" id="sm-search-field">
                                <span class="input-stem input-large fake-search-field">
                                    您想去哪里？
                                </span>
                                <i class="input-suffix btn btn-primary icon icon-full icon-search"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hero-content-footer hide-sm">
                    <div class="col-sm-12">
                        <div id="searchbar">
                            <div class="searchbar">
                                <form action="list.html" method="get">
                                    <div class="search-wrapper">
                                        <label for="location" class="input-placeholder-group searchbar-location">
                                            <span class="input-placeholder-label screen-reader-only">您想去哪里？</span>
                                            <input class="menu-autocomplete-input form-inline location input-large input-contrast" type="text" name="location" id="location" placeholder="上海, 中国">
                                        </label>
                                        <span>
                                            <label class="input-placeholder-group searchbar-checkin">
                                                <span class="input-placeholder-label screen-reader-only">行程开始日期</span>
                                                <input type="text" id="checkin" class="checkin input-large input-contrast ui-datepicker-target" name="checkin" placeholder="行程开始日期" autocomplete="off">
                                            </label>
                                            <label class="input-placeholder-group searchbar-checkout">
                                                <span class="input-placeholder-label screen-reader-only">行程结束日期</span>
                                                <input type="text" id="checkout" class="checkout input-large input-contrast ui-datepicker-target" name="checkout" placeholder="行程结束日期" autocomplete="off">
                                            </label>
                                        </span>
                                        <label class="input-placeholder-group searchbar-guests">
                                            <div class="select select-large">
                                                <select id="guests" name="guests">
                                                    <option value="1">1位客人</option>
                                                    <option value="2">2位客人</option>
                                                    <option value="3">3位客人</option>
                                                    <option value="4">4位客人</option>
                                                    <option value="5">5位客人</option>
                                                    <option value="6">6位客人</option>
                                                    <option value="7">7位客人</option>
                                                    <option value="8">8位客人</option>
                                                    <option value="9">9位客人</option>
                                                    <option value="10">10位客人</option>
                                                    <option value="11">11位客人</option>
                                                    <option value="12">12位客人</option>
                                                    <option value="13">13位客人</option>
                                                    <option value="14">14位客人</option>
                                                    <option value="15">15位客人</option>
                                                    <option value="16">16+位客人</option>
                                                </select>
                                            </div>
                                        </label>
                                    </div>
                                    <button id="submit-location" type="submit" class="searchbar-submit btn btn-primary btn-large">
                                        <span>搜索</span>
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel panel-dark no-border-top">
            <div id="discovery-container">
                <div class="discovery-section page-container-responsive page-container-no-padding row-space-6" id="discover-recommendations">
                    <div class="section-intro text-center row-space-6 row-space-top-8">
                        <h2 class="row-space-1">
                            <a href="place.html" target="_blank"><strong>本月最佳旅行地</strong></a>
                        </h2>
                        <p class="text-lead">
                            搜罗大家心目中的热门目的地
                        </p>
                    </div>
                    <div class="discovery-tiles">
                        <h3 class="h3 text-center">国内 TOP3</h3>
                        <div class="row">
                            <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm">
                                <div class="discovery-card rm-padding-sm row-space-4 darken-on-hover " style="background-image:url('img/index1.jpeg');">
                                    <a href="spot.html" class="link-reset" data-id="New York">
                                        <div class="va-container va-container-v va-container-h">
                                            <div class="va-middle text-center text-contrast">
                                                <div class="h2">
                                                    <strong>
                                                        上海
                                                    </strong>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm">
                                <div class="">
                                    <div class="darken-on-hover-container">
                                        <a href="spot.html" class="text-normal link-reset">
                                            <div class="discovery-card darken-on-hover discovery-listing" style="background-image:url('img/index2.jpg')">
                                                <div class="va-container va-container-v va-container-h">
                                                    <div class="va-middle text-center text-contrast">
                                                        <div class="h2">
                                                            <strong>
                                                                丽江
                                                            </strong>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm">
                                <div class="discovery-card rm-padding-sm row-space-4 darken-on-hover " style="background-image:url('img/index4.jpeg');">
                                    <a href="spot.html" class="link-reset" data-id="Paris">
                                        <div class="va-container va-container-v va-container-h">
                                            <div class="va-middle text-center text-contrast">
                                                <div class="h2">
                                                    <strong>
                                                        厦门
                                                    </strong>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <h3 class="h3 text-center">国外 TOP3</h3>
                        <div class="row">
                            <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm">
                                <div class="discovery-card rm-padding-sm row-space-4 darken-on-hover " style="background-image:url('img/index4.jpeg');">
                                    <a href="spot.html" class="link-reset" data-id="Paris">
                                        <div class="va-container va-container-v va-container-h">
                                            <div class="va-middle text-center text-contrast">
                                                <div class="h2">
                                                    <strong>
                                                        巴黎
                                                    </strong>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm">
                                <div class="discovery-card rm-padding-sm row-space-4 darken-on-hover " style="background-image:url('img/index5.jpeg');">
                                    <a href="spot.html" class="link-reset" data-id="Barcelona">
                                        <div class="va-container va-container-v va-container-h">
                                            <div class="va-middle text-center text-contrast">
                                                <div class="h2">
                                                    <strong>
                                                        巴塞罗那
                                                    </strong>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm">
                                <div class="discovery-card rm-padding-sm row-space-4 darken-on-hover " style="background-image:url('img/index3.jpg');">
                                    <a href="spot.html" class="link-reset" data-id="">
                                        <div class="va-container va-container-v va-container-h">
                                            <div class="va-middle text-center text-contrast">
                                                <div class="h2">
                                                    <strong>
                                                        夏威夷
                                                    </strong>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 明星当地人 -->
            <div id="stars" class="page-container-responsive page-container-no-padding row-space-6">
                <div class="section-intro text-center row-space-6 row-space-top-8">
                    <h2 class="row-space-1">
                        <a href="star_list.html" target="_blank"><strong>明星当地人</strong></a>
                    </h2>
                    <p class="text-lead">评选大家心目中的最佳当地人</p>
                </div>
                <div class="star-tiles">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm ">
                            <div class="discovery-card rm-padding-sm row-space-4 darken-on-hover " style="background-image:url('img/star/1.jpg');">
                                <a href="star.html" class="link-reset" data-id="">
                                    <div class="va-container va-container-v va-container-h">
                                        <div class="va-middle text-center text-contrast">
                                            <div class="h2">
                                                <strong>
                                                    刘沁园
                                                </strong>
                                            </div>
                                            <div class="h4">苏州 / 24小时开机</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm hide-sm">
                            <div class="discovery-card rm-padding-sm row-space-4 darken-on-hover " style="background-image:url('img/avatar-detail.jpg');">
                                <a href="star.html" class="link-reset" title="上海 / 地陪">
                                    <div class="va-container va-container-v va-container-h">
                                        <div class="va-middle text-center text-contrast">
                                            <div class="h2">
                                                <strong>
                                                    黄静仪
                                                </strong>
                                            </div>
                                            <div class="h4">上海 / 地陪</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12 rm-padding-sm hide-sm">
                            <div class="discovery-card rm-padding-sm row-space-4 darken-on-hover " style="background-image:url('img/star/2.jpg');">
                                <a href="star.html" class="link-reset" data-id="Barcelona">
                                    <div class="va-container va-container-v va-container-h">
                                        <div class="va-middle text-center text-contrast">
                                            <div class="h2">
                                                <strong>
                                                    邬晓艳
                                                </strong>
                                            </div>
                                            <div class="h4">西宁 / 包车服务</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <section id="trust">
            <div class="trust hide-sm">
                <div class="page-container-full panel-hackberry panel-contrast text-center">
                    <div class="page-container-responsive">
                        <div class="row row-space-top-8 text-white">
                            <h2 class="text-center text-special text-white">以信任为基础的社区</h2>
                        </div>
                        <div class="row row-space-8">
                            <div class="col-4 text-center">
                                <div class="panel-body text-white">
                                    <span class="icon trust-icon icon-size-3 icon-white icon-weibo"></span>
                                    <h4>微博验证</h4>
                                    <p> 使用您的微博帐户登录以验证您的身份。
                                        <a href="help/article/452">了解更多</a>
                                    </p>
                                </div>
                            </div>
                            <div class="col-4 text-center">
                                <div class="panel-body text-white">
                                    <span class="icon trust-icon icon-size-3 icon-white icon-lock"></span>
                                    <h4>可信赖的服务</h4>
                                    <p> 维护当地人社区的信任和安全是我们的首要任务。
                                        <a href="trust">了解更多</a>
                                    </p>
                                </div>
                            </div>
                            <div class="col-4 text-center">
                                <div class="panel-body text-white">
                                    <span class="icon trust-icon icon-size-3 icon-white icon-alipay"></span>
                                    <h4>安全支付</h4>
                                    <p> 支付宝付款现已面向中国用户开通，欢迎使用。
                                        <a href="help/article/795">了解更多</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <div id="footer" class="container-brand-dark">
        <footer class="page-container-responsive">
            <div class="row row-condensed">
                <div class="col-md-3 col-md-offset-1">
                    <div class="language-curr-picker clearfix space-2">
                        <div class="select select-large select-block row-space-2">
                            <label id="language-selector-label" class="screen-reader-only">
                                选择语言
                            </label>
                            <select class="language-selector" aria-labelledby="language-selector-label">
                                <option value="en">English</option>
                                <option value="es">Español</option>
                                <option value="fr">Français</option>
                                <option value="zh" selected="">中文 (简体)</option>
                                <option value="zh-TW">中文 (繁體)</option>
                                <option value="ja">日本語</option>
                                <option value="ko">한국어</option>
                            </select>
                        </div>
                        <div class="select select-large select-block row-space-2">
                            <label id="currency-selector-label" class="screen-reader-only">选择货币</label>
                            <select class="currency-selector" aria-labelledby="currency-selector-label">
                                <option value="CNY" selected="">CNY</option>
                                <option value="EUR">EUR</option>
                                <option value="HKD">HKD</option>
                                <option value="JPY">JPY</option>
                                <option value="USD">USD</option>
                            </select>
                        </div>
                        <div class="cx-number">客服电话
                            <br>国内：xxx-xxx-xxxx
                            <br>海外：+86-xx-xxxx-xxxx
                            <br>
                        </div>
                    </div>
                </div>
                <div class="col-md-2 col-md-offset-1 hide-sm">
                    <h2 class="h5">公司信息</h2>
                    <ul class="list-layout">
                        <li>
                            <a href="#/about/about-us" class="link-contrast">关于</a>
                        </li>
                        <li>
                            <a href="#/careers" class="link-contrast">工作机会</a>
                        </li>
                        <li>
                            <a href="#/press/news" class="link-contrast">新闻</a>
                        </li>
                        <li>
                            <a href="#/help" class="link-contrast">帮助</a>
                        </li>
                        <li>
                            <a href="#/policies" class="link-contrast">政策</a>
                        </li>
                        <li>
                            <a href="#/disaster-response" class="link-contrast">灾难响应</a>
                        </li>
                        <li>
                            <a href="#/terms" class="link-contrast">条款与隐私</a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-2 hide-sm">
                    <h2 class="h5">发现</h2>
                    <ul class="list-layout">
                        <li>
                            <a href="#trust" class="link-contrast">信任与安全</a>
                        </li>
                        <li>
                            <a href="#/invite?r=6" class="link-contrast">邀请好友</a>
                        </li>
                        <li>
                            <a href="#/wishlists/picks" class="link-contrast">当地人精选</a>
                        </li>
                        <li>
                            <a href="#/mobile" class="link-contrast">移动版</a>
                        </li>
                        <li>
                            <a href="#/business-travel?s=footer" class="link-contrast">商务差旅</a>
                        </li>
                        <li>
                            <a href="#/sitemaps" class="link-contrast">网站地图</a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-2 hide-sm">
                    <h2 class="h5">提供服务</h2>
                    <ul class="list-layout">
                        <li>
                            <a href="#/host" class="link-contrast">为什么要提供咨询服务?</a>
                        </li>
                        <li>
                            <a href="#/hospitality" class="link-contrast">好客之道</a>
                        </li>
                        <li>
                            <a href="#/help/responsible-hosting" class="link-contrast">当地人义务</a>
                        </li>
                        <li>
                            <a href="#/home-safety" class="link-contrast">居家安全</a>
                        </li>
                    </ul>
                </div>
            </div>
            <hr class="footer-divider space-top-8 space-4 hide-sm">
            <div class="text-center">
                <h2 class="h5 space-4 hide-sm">关注我们</h2>
                <ul class="list-layout list-inline" itemscope="" itemtype="http://schema.org/Organization">
                    <li>
                        <a href="#" class="link-contrast footer-icon-container" target="_blank">
                            <span class="screen-reader-only">微博</span>
                            <i class="icon footer-icon icon-weibo"></i>
                        </a>
                    </li>
                </ul>
                <div class="space-top-2 text-muted">
                    © 当地人
                </div>
            </div>
        </footer>
    </div>

    <script src="src/jquery/jquery.min.js"></script>
    <script src="src/jquery-ui/jquery-ui.min.js"></script>
    <script src="src/jquery-ui/i18n/datepicker-zh-CN.min.js"></script>
    <script type="text/javascript">
    $('.ui-datepicker-target').datepicker({
        minDate: (new Date()),
        todayHighlight: 0
    });
    </script>
</body>

</html>
